<template>
	<view class="wrap">
		<view class="nav" :style="{
			background:`url(${params.prefecture == 3 ? exchNav : rushNav})`,
			backgroundSize:'100% 100%',
			height:`${params.prefecture == 3 ? '208rpx' : '560rpx'}`
		}">
			<view class="status_bar">
				
			</view>
			<view class="py-28 px-32 flex items-center">
				<u-icon name="arrow-leftward" color="#FFF" @click="$tab.back()" size="40rpx"></u-icon>
				<image src="https://file.fulewanjia.com/fulewanjia/profile/appImages/common/font.png" mode="" class="nav-img ml-16" v-if="params.prefecture == 3"></image>
			</view>
		</view>
		
		<view class="content bg-FFF round-20 pt-32 px-20">
			<PrefectureList :params="params"></PrefectureList>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				params:{
					prefecture:2
				},
				exchNav:'https://file.fulewanjia.com/fulewanjia/profile/appImages/common/list_xiaofeizhuanqu.png',
				rushNav:'https://file.fulewanjia.com/fulewanjia/profile/appImages/common/list_duihuanzhuanqu@2x.png'
			};
		},
		onLoad(e) {
			this.params.prefecture = e.prefecture
		}
	}
</script>



<style lang="scss">
	.wrap,page{
		width: 100%;
		height: 100%;
	}
	
	.nav{
		width: 100%;
		height: 208rpx;
		
		.nav-img{
			width: 225rpx;
			height: 54rpx;
		}
	}
	
	.content{
		width: 100%;
		position: relative;
		top: -48rpx;
		left: 0;
	}
</style>
